﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta content="" name="description" />
    <meta content="JiangZhiYong" name="author" />
    <title>订单</title>
	<!-- Bootstrap Styles-->
	<#assign ctx=(rc.getContextPath())!''>
    <link href="${ctx}/assets/css/bootstrap.css" rel="stylesheet" />
     <!-- FontAwesome Styles-->
    <link href="${ctx}/assets/css/font-awesome.css" rel="stylesheet" />
     <!-- Morris Chart Styles-->
   
    <!-- Custom Styles-->
    <link href="${ctx}/assets/css/custom-styles.css" rel="stylesheet" />
     <!-- Google Fonts-->
   <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
     <!-- TABLE STYLES-->
    <link href="${ctx}/assets/js/dataTables/dataTables.bootstrap.css" rel="stylesheet" />
    <link rel="shortcut icon" href="${ctx}/assets/img/favicon.png">
</head>
<body>
    <div id="wrapper">
      	
      	<#include "/common/nav-top.html"/>
        <!--/. NAV TOP  -->
        
        
      <#include "*/common/nav-left.html"/>
        <!-- /. NAV SIDE  -->
      	
       <div id="page-wrapper" >
		  <div class="header"> 
              <h1 class="page-header">
                 	 订单 <small>订单...</small>
              </h1>
			  <ol class="breadcrumb">
				  <li><a href="${ctx}/home">首页</a></li>
				  <li><a href="${ctx}/community/list">订单</a></li>
				  <li class="active">列表</li>
			  </ol> 
			</div>
		
            <div id="page-inner"> 
               
            <div class="row">
                <div class="col-md-12">
                    <!-- Advanced Tables -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                             	订单
                        </div>
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>雇主</th>
                                            <th>帮手</th>
                                            <th>状态</th>
                                            <th>地址</th>
                                            <th>雇主号码</th>
                                            <th>时间</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    	<#if orders?has_content>
                                    	<#list orders as order>
	                                    	<tr class="odd gradeX">
	                                            <td>${order.id}</td>
	                                            <td>${order.employerId}</td>
	                                            <td>${order.assistantId}</td>
	                                            <td>${order.state}</td>
	                                            <td>${order.address.city}&nbsp;${order.address.county}&nbsp;${order.address.community}</td>
	                                            <#if order.employerPhone?has_content>
	                                            	<td>${order.employerPhone}</td>
	                                            <#else>
	                                            	<td>&nbsp;</td>
	                                            </#if>
	                                            
	                                            <td>${order.createTime?string("yyyy-MM-dd HH:mm:ss")}</td>
	                                            
	                                            <td class="center">
	                                            <div class="btn-group">
												  <button class="btn btn-primary">详细</button>
												  <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle"><span class="caret"></span></button>
												  <ul class="dropdown-menu">
													<li><a href="#">修改</a></li>
													<li><a href="#">删除</a></li>
												  </ul>
												</div>
	                                            </td>
	                                        </tr>
                                    	</#list>
                                    	</#if>
                                    </tbody>
                                </table>
                            </div>
                            
                        </div>
                    </div>
                    <!--End Advanced Tables -->
                </div>
            </div>
                <!-- /. ROW  -->
				<#include "/common/footer.html"/> 
        </div>
             
    </div>
             <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
     <!-- /. WRAPPER  -->
    <!-- JS Scripts-->
    <!-- jQuery Js -->
    <script src="${ctx}/assets/js/jquery-1.10.2.js"></script>
      <!-- Bootstrap Js -->
    <script src="${ctx}/assets/js/bootstrap.min.js"></script>
    <!-- Metis Menu Js -->
    <script src="${ctx}/assets/js/jquery.metisMenu.js"></script>
     <!-- DATA TABLE SCRIPTS -->
    <script src="${ctx}/assets/js/dataTables/jquery.dataTables.js"></script>
    <script src="${ctx}/assets/js/dataTables/dataTables.bootstrap.js"></script>
        <script>
            $(document).ready(function () {
                $('#dataTables-example').dataTable();
            });
    </script>
         <!-- Custom Js -->
    <script src="assets/js/custom-scripts.js"></script>
    
   
</body>
</html>
